<%@ include file="../header.jsp" %>
<h1>Modifier ses informations</h1>

<form method="post" name="formModifierProfile" id="formModifierProfile" action="modifierprofile">
	<fieldset>
	<legend>Adresse</legend>
	<p class="double">
		<span class="gauche">
			<label for="numrue">Numero de rue* : </label>
			<span class="correction" id="numrue-correction"></span>
			<span class="info" id="numrue-info">maximum 4 chiffres</span>
		</span>
		<span class="droite">
			<input type="text" name="numrue" id="numrue" onfocus="javascript:afficheInfo('numrue-info')"  onblur="javascript:verifTailleNombre('numrue', 'formModifierProfile', 4)" value="<c:out value="${requestScope.numrue}" />" />
			<span id="numrue-valid">&nbsp;</span>
		</span>
	</p>
	
	<p class="double">
		<span class="gauche">
			<label for="rue">Rue* : </label>
			<span class="correction" id="rue-correction"></span>
			<span class="info" id="rue-info">maximum 100 caract&egrave;res</span>
		</span>
		<span class="droite">
			<input type="text" name="rue" id="rue" onfocus="javascript:afficheInfo('rue-info')"  onblur="javascript:verifValeurText('rue', 'formModifierProfile', 100)" value="<c:out value="${requestScope.rue}" />" />
			<span id="rue-valid">&nbsp;</span>
		</span>
	</p>
	
	<p class="double">
		<span class="gauche">
			<label for="codepostal">Code postal* : </label>
			<span class="correction" id="codepostal-correction"></span>
			<span class="info" id="codepostal-info">doit contenir 5 chiffres</span>
		</span>
		<span class="droite">
			<input type="text" name="codepostal" id="codepostal" onfocus="javascript:afficheInfo('codepostal-info')"  onblur="javascript:verifTailleNombreExact('codepostal', 'formModifierProfile', 5)" value="<c:out value="${requestScope.codepostal}" />" />
			<span id="codepostal-valid">&nbsp;</span>
		</span>
	</p>
	
	<p class="double">
		<span class="gauche">
			<label for="ville">Ville* : </label>
			<span class="correction" id="ville-correction"></span>
			<span class="info" id="ville-info">maximum 50 caract&egrave;res</span>
		</span>
		<span class="droite">
			<input type="text" name="ville" id="ville" onfocus="javascript:afficheInfo('ville-info')"  onblur="javascript:verifValeurText('ville', 'formModifierProfile', 50)" value="<c:out value="${requestScope.ville}" />" />
			<span id="ville-valid">&nbsp;</span>
		</span>
	</p>
	
	</fieldset>
	<fieldset>
	<legend>Contact</legend>
	
	<p class="double">
		<span class="gauche">
			<label for="telephone">T&eacute;l&eacute;phone* : </label>
			<span class="correction" id="telephone-correction"></span>
			<span class="info" id="telephone-info">maximum 15 chiffres</span>
		</span>
		<span class="droite">
			<input type="text" name="telephone" id="telephone" onfocus="javascript:afficheInfo('telephone-info')"  onblur="javascript:verifTailleNombre('telephone', 'formModifierProfile', 15)" value="<c:out value="${requestScope.telephone}" />" />
			<span id="telephone-valid">&nbsp;</span>
		</span>
	</p>
	
	<p class="double">
		<span class="gauche">
			<label for="mail">Mail* : </label>
			<span class="correction" id="mail-correction"></span>
			<span class="info" id="mail-info">maximum 80 caract&egrave;res</span>
		</span>
		<span class="droite">
			<input type="text" name="mail" id="mail" onfocus="javascript:afficheInfo('mail-info')"  onblur="javascript:verifValeurText('mail', 'formModifierProfile', 80)" value="<c:out value="${requestScope.mail}" />" />
			<span id="mail-valid">&nbsp;</span>
		</span>
	</p>
	
	</fieldset>
	<p class="simple">
		<input type="submit" value="Envoyer" />
	</p>
</form>

<ul>
	<c:forEach var="erreur" items="${requestScope.erreur}" >
		<li><c:out value="${erreur}" /></li>
	</c:forEach>
</ul>

<%@ include file="../footer.jsp" %>